3. CSS Box Model

1. Box Model Overview

Explanation: CSS Box Model ek element ke 4 main parts dikhata hai:

Content: Actual text ya image
Padding: Content ke around space
Border: Padding ke baahar line
Margin: Border ke baahar ki space

2. Box Sizing

Explanation: By default, width sirf content ke liye hoti hai. Agar aap box-sizing: border-box lagao, to padding + border bhi width me include ho jaata hai.

3. Overflow Property

Explanation: Jab content box ke andar fit nahi hota, tab overflow property usse control karti hai. Values ho sakti hain: visible, hidden, scroll, auto.